@import 'base';

.order-detail-main{
  //*****头部*****
  .head{
    background: -webkit-linear-gradient(right,#A182FF,#7E82F6);
    height: 70px;
    width: 100%;
    color: #fff;
    padding:19px 40px;
    box-sizing: border-box;

    .time{
      margin-top: 2px;
    }
  }
  //*****头部*****

  //*****已签收,地址*****
  .add-box,
  .sign-for{
    display: flex;
    height: 65px;
    padding: 15px;
    box-sizing: border-box;

    .icon_{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 18px;
      height: 100%;
    }

    .msg{
      margin-left: 7px;

      p:first-child{
        span{
          margin-left: 45px;
        }
      }

      p:nth-child(2){
        margin-top: 2px;
      }
    }
  }

  .sign-for{
    margin-bottom: 10px;

    .icon_{
      i{
        font-size: 20px;
        color: #757575;
      }
    }

    i:nth-child(3){
      top:50%;
      right: 15px;
      transform: translateY(-50%);
      color: #B3B3B3;
    }
  }
  //*****已签收,地址*****

  //*****订单商品信息*****
  .order-detail-box{
    .msg{
      padding:12px 0 0 15px;
      box-sizing: border-box;

      p{
        display: flex;
        justify-content: space-between;
        padding-right: 15px;
        box-sizing: border-box;
        margin-bottom: 8px;
      }

      p:last-child{
        height: 44px;
        line-height: 44px;
      }
    }
  }
  //*****订单商品信息*****

  //*****订单号*****
  .order-number{
    padding: 10px 15px;
    box-sizing: border-box;

    p:last-child{
      margin-top: 6px;
    }
  }
  //*****订单号*****

  //*****按钮*****
  .btn-box{
    width: 100%;
    height: 50px;
    padding:12px 15px;
    box-sizing: border-box;

    span{
      width: 80px;
      height: 28px;
      line-height:28px;
      border: 1px solid #999AA3;
      box-sizing: border-box;
      border-radius: 14px;
    }

    .style-pay{
      color: #7E82F6;
      border-color: #7E82F6;
    }
  }
  //*****按钮*****
}
